<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>05_案例练习-点击按钮实现数字自增</title>
    </head>
    <body>
        <button id="btn">+</button>
        
        <script>
            // 获取button的dom对象
            var btn1 = document.getElementById('btn');

            var n = 0;
            // 点击btn对象
            btn1.onclick = function(){
                n++;
                console.log(n);
            }

            // 事件的三要素
            // 事件源：事件的源头 就是谁触发的这个事件   btn1
            // 事件类型： onclick
            // 事件的回调函数：就是这个事件做了什么
            //      回调函数就是没有函数名字 函数就自己执行
        </script>
    </body>
</html>